/**
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 * <p>
 * http://www.apache.org/licenses/LICENSE-2.0
 * <p>
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
@import "../node_modules/bootstrap/scss/functions";
// Site, Bootstrap Variable, Mixins
@import "./assets/scss/variables";
@import "../node_modules/bootstrap/scss/variables";
@import "./assets/scss/mixins";
@import "./assets/scss/bootstrap-overrides/mixins";
@import "./assets/scss/bootstrap-imports";
@import  "../node_modules/animate.css/animate.min.css";
@import "./assets/scss/_background";

// 用户样式
@import "./assets/scss/_user";
// 登录样式
@import "./assets/scss/_login";
// 页脚样式
@import "./assets/scss/_footer";
// 文章样式
@import "./assets/scss/_article";
// 个人信息样式
@import "./assets/scss/_profile";
@import "./assets/scss/_widget";
@import "./assets/scss/_navbar-nav";
@import "./assets/scss/_busy";
@import "./assets/scss/_contacts";
@import "./assets/scss/_toolbar";
@import "./assets/scss/_messages.scss";

@import "./assets/css/wikift-editor/editormd.css";

// Site Styles
@import "./assets/scss/fonts";
@import "./assets/scss/generics";
@import "./assets/scss/base";
@import "./assets/scss/layout";
@import "./assets/scss/charts";
@import "./assets/scss/toggle-switch";
@import "./assets/scss/listview";
@import "./assets/scss/page-loader";
@import "./assets/scss/theme";


// Bootstrap Overrides
@import "./assets/scss/bootstrap-overrides/dropdown";
@import "./assets/scss/bootstrap-overrides/media";
@import "./assets/scss/bootstrap-overrides/progress";
@import "./assets/scss/bootstrap-overrides/card";
@import "./assets/scss/bootstrap-overrides/buttons";
@import "./assets/scss/bootstrap-overrides/tables";
@import "./assets/scss/bootstrap-overrides/forms";
@import "./assets/scss/bootstrap-overrides/input-groups";
@import "./assets/scss/bootstrap-overrides/custom-forms";
@import "./assets/scss/bootstrap-overrides/pagination";
@import "./assets/scss/bootstrap-overrides/datepicker";
@import "./assets/scss/bootstrap-overrides/timepicker";
@import "./assets/scss/bootstrap-overrides/alerts";
@import "./assets/scss/bootstrap-overrides/close";
@import "./assets/scss/bootstrap-overrides/breadcrumbs";
@import "./assets/scss/bootstrap-overrides/accordion";
@import "./assets/scss/bootstrap-overrides/carousel";
@import "./assets/scss/bootstrap-overrides/modal";
@import "./assets/scss/bootstrap-overrides/popovers";
@import "./assets/scss/bootstrap-overrides/ratings";
@import "./assets/scss/bootstrap-overrides/sortable";
@import "./assets/scss/bootstrap-overrides/tabs";
@import "./assets/scss/bootstrap-overrides/tooltip";


// Vendor Overrides
@import "./assets/scss/vendor-overrides/flot";
@import "./assets/scss/vendor-overrides/sparklines";
@import "./assets/scss/vendor-overrides/select2";
@import "./assets/scss/vendor-overrides/dropzone";
@import "./assets/scss/vendor-overrides/angular2-color-picker";
@import "./assets/scss/vendor-overrides/nouislider";
@import "./assets/scss/vendor-overrides/easypiecharts";
@import "./assets/scss/vendor-overrides/perfect-scrollbar";

// App Global Styles
@import "./assets/scss/misc";

@import "../node_modules/material-design-iconic-font/dist/css/material-design-iconic-font.min.css";
@import '../node_modules/ng2-toasty/bundles/style.css';

input[type="file"] {
    width: 10px;
    height: 20px;
    position: absolute;
    float: left;
}
input[type="file"]:after {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #03A9F4;
    content: "请选择需要上传的图像文件";
    color: #FFFFFF;
    display: block;
    width: 200px;
    height: 28px;
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
}
canvas {
    display: block;
    width: 100%;
}
.result {
    position: absolute;
    top: 50px;
    left: 50px;
}
.result > img {
    border-radius: 50%;
}

.cropper > img {
    border-radius: 100px;
    border: 1px dashed;
}

.cropper {
    width: 100%;
    background-color: rgba(0,0,0,0.05);
}